iT邦幫忙

2023 iThome 鐵人賽

DAY 13
0
Modern Web

購物網站 開始即放棄系列 第 13

DAY 12 Ajax 背景送值

  • 分享至 

  • xImage
  •  

在前幾天的PHP教學中,表單的送出都需要透過submit ,然而在送出時頁面會跳轉到其他頁,這樣如果再多筆資料快速上傳時會造成畫面閃爍的問提,我們今天要來說明如何在背景上傳資料
今天我們要使用的技術叫Ajax,在使用他之前需要先引用一段jQuery
引用方法

<script   src="https://code.jquery.com/jquery-3.7.1.min.js"  crossorigin="anonymous"></script>

引用後就可以開始使用ajax
使用方法

$.ajax({
   //傳送的位址,等同 Form 的 action
   url: './api.php',
   //使用POST的方式
    type: 'POST',
    data: {
       /*
       要傳的資料,格式如下
       資料名稱 : 資料值
       */
       type: "test",
       value: "test2",
    },
    error: function (xhr) {
       alert('Ajax request error');
    },
    success: function (response) {
       alert(response);
    }
 });

今天Day 12 背景傳送值就到這裡囉~


上一篇
DAY 12 網頁的資料儲存
系列文
購物網站 開始即放棄13
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言